<template>
  <v-app>
    <global-core-app-bar v-model="expandOnHover" />

    <global-core-drawer :expand-on-hover.sync="expandOnHover" />

    <global-core-view />

    <global-core-settings v-model="expandOnHover" />
  </v-app>
</template>

<script>
export default {
  /**
   * 基本模板页
   */
  name: "BasicLayout",

  components: {
    GlobalCoreDrawer: () => import("./components/Drawer.vue"),
    GlobalCoreAppBar: () => import("./components/AppBar.vue"),
    GlobalCoreView: () => import("./components/View.vue"),
    GlobalCoreSettings: () => import("./components/Settings.vue"),
  },

  data: () => ({
    expandOnHover: false,
  }),
};
</script>
